* {
  padding: 0px;
  margin: 0px;
}
a {
  text-decoration: none;
}
#app {
  overflow: hidden;
}
.el-header {
  background-color: rgb(51, 51, 51);
}
.nav {
  transition: all 0.3s;
  z-index: 1000;
}
.el-header,
.el-footer {
  text-align: center;
  line-height: 60px;
}
.el-main {
  padding: 0px;
  text-align: center;
}
.el-footer {
  padding: 0px;
  width: 100%;
  height: 150px !important;
  background-color: rgb(51, 51, 51);
}
.footer {
  margin-top: 20px;
}

.el-col div {
  min-height: 60px;
}
/* 媒体查询：在小屏幕上进行布局调整 */
@media screen and (max-width: 800px) {
  .el-menu {
    opacity: 0.4;
  }
  .footer {
    display: flex !important;
    flex-direction: 'column' !important;
  }
}
